﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head profile="http://gmpg.org/xfn/11">
<title>{title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="{keywords}" />
<meta name="description" content="{description}" />
<style type="text/css" media="all">@import "{dir}styles.css";</style>
<style type="text/css" media="all">@import "{dir}niftycorners.css";</style>
<script type="text/javascript" src="{dir}nifty.js"></script> 
<script type="text/javascript">
	mi = '{mi}';
<!--
window.onload=function(){
if(!NiftyCheck())
    return;
	Rounded("div#pers-container","#fff","#a5a5a5");
	Rounded("div.persi-container","#a5a5a5","#cdcdcd");
	if(mi > 0) Rounded("div#checked","fff","#0083d7","small");
}
// -->
</script> 
 </head>
<body id="home">
<div id="header">
 <div class="content">
  <div id="header_left"> 
   <img src="{dir}img/header_c_r.png" width="5" height="5" style="position: absolute; margin-top: 70px; margin-left: -4px;"/>
   <img src="{dir}img/header_sp1.png" width="11" height="11" style="position: absolute; margin: 20px 20px;"/>
   <img src="{dir}img/header_sp2.png" width="9" height="11" style="position: absolute; margin: 20px 48px;"/>
  </div>
  <div id="header_long">
   <div style="position: absolute; margin-top: 53px; margin-left: 505px; overflow: hidden; background: url('{dir}img/header_tel_bot.png'); *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{dir}img/header_tel_bot.png', sizingMethod='scale'); width: 150px; height: 22px;">&nbsp;</div>
   <img src="{dir}img/header_c_l.png" width="5" height="5"  style="postion: absolute; margin-top: 70px;"/>
   <img src="{dir}img/header_house.jpg" width="35" height="36" style="position: absolute; margin-top: 14px; margin-left: 22px;" /> 
    <span style="position: absolute; margin-top: 21px; margin-left: 57px; padding-bottom: 2px;" class="dashed">{area}197110, г. Санкт-Петербург,<br />Константиновский пр-т, 11, оф. 205<br />dfasdfsd{/area}</span>
   <img src="{dir}img/header_mailbox.jpg" width="24" height="37" style="position: absolute; margin-top: 13px; margin-left: 306px;" />
    <span style="position: absolute; margin-top: 24px; margin-left: 330px; padding-bottom: 12px;" class="dashed">{area}<a href="mailto:info@satelitstroy.ru">info@satelitstroy.ru</a>{/area}</span>
   <img src="{dir}img/header_tel_top.png" width="157" height="37" style="position: absolute; margin-top: 13px; margin-left: 481px;"/>
  </div>
  <div id="welcome"><img src="template/img/welcome.png" width="352" height="25" /></div>
 </div> 
</div>

<div class="content">
 <div id="menu">
  <div class="menu-item-container" id="mi1"><div class="menu-item"><span>&nbsp;</span><a href="index.php">Главная</a></div></div>
  <div class="menu-item-container" id="mi2"><div class="menu-item"><span >&nbsp;</span><a href="about.php">О компании</a></div></div>
  <div class="menu-item-container" id="mi3"><div class="menu-item">
   <div style="float: right; background: url('{dir}img/photo.png') left bottom no-repeat; width: 51px; height: 16px; margin-right: 5px; margin-top: 7px; *background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{dir}img/photo.png');">&nbsp;</div><span>&nbsp;</span><a href="objects.php">Наши объекты</a>
  </div></div>
  <div class="menu-item-container" id="mi4"><div class="menu-item"><span>&nbsp;</span><a href="prices.php">Прайс лист</a></div></div>
  <div class="menu-item-container" id="mi5"><div class="menu-item"><span>&nbsp;</span><a href="order.php">Бланк-заказ</a></div></div>
 </div>
 
 <div style="float: right;">
  {area}<img src="template/img/main_stairs.jpg" width="659" height="200" />{/area}
 </div>
 <script type="text/javascript">
 <!--
  if(mi > 0) document.getElementById('mi{mi}').id = 'checked';
 // -->
 </script> 
</div>

<div class="content" style="min-height: 1000px; height: auto !important; height: 1000px;">

 <div id="pers-container">
  <div id="personalies">
   <img src="{dir}img/pers_ar_up.png" width="100" height="13" style="padding-bottom: 5px;" />
    
    <div class="persi-container">
	 <div class="persi">
	  <div style="float: left;">{area}&nbsp; <br />{/area}</div>
	  <div class="right-aligner">
	   <div class="persinfo">{area}<strong>Аманюк И.С.</strong><br /><br />Должность<br /><br />Контакная<br />информация{/area}</div>
	  </div>
   	 </div>
	</div>
	
	<div class="persi-container">
	 <div class="persi">
	  <div style="float: left;">{area}<img src="template/img/photo_small/2.jpg" width="111" height="141" />{/area}</div>
	  <div class="right-aligner">
	   <div class="persinfo">{area}<strong>Гарбузов П. М.</strong><br /><br />Должность<br /><br />Контакная<br />информация{/area}</div>
	  </div>
   	 </div>
	</div>
	
	<div class="persi-container">
	 <div class="persi">
	  <div style="float: left;">{area}<img src="template/img/photo_small/3.jpg" width="111" height="141" />{/area}</div>
	  <div class="right-aligner">
	   <div class="persinfo">{area}<strong>Иванов И.В.</strong><br /><br />Должность<br /><br />Контакная<br />информация{/area}</div>
   	  </div>
   	 </div>
	</div>
	
    <img src="{dir}img/pers_ar_down.png" width="100" height="13" style="padding-top: 5px;" />
  </div>
 </div>
 <div class="right-aligner">
  <div id="main_content">
  
  {content}
   
   <div id="projects-panel">
    <div style="float: right; padding-top: 4px;">
     <img src="{dir}img/prj_ar_left.png" width="16" height="13" />
     <a href="#" style="padding-right: 50px;" class="prj">Пред. проект</a><a href="#" class="prj">След. проект</a>   
     <img src="{dir}img/prj_ar_right.png" width="16" height="13" />
    </div>
    {area}<strong>Реализованные нами проекты</strong>{/area}
   </div>
   <div id="projects">
    <img src="{dir}img/projects/1.jpg" width="624" height="140" />
    <div id="projects-text">
     <h3>“Загородный домик №1”</h3>
     Здесь будет информация о самом проекте, бщая информация, тип работ, материалы, площадь и т.п. <br />
     Определяющим моментом в работе ООО «Строй-Центр» является комплексный подход к решению всех вопросов и задач, связанных со строительством (реконструкцией), ремонтом и внутренней отделкой помещений и зданий с достойным качеством.
     <div id="projects-more"><a href="#" class="prj">Подробнее</a></div>
    </div>
   </div>
    
  </div> 
 </div>
</div>

<div id="footer">
 <div class="content" style="background: #a5a5a5; height: 59px; overflow: hidden;">
  <div style="float: left;">
   <div style="position: absolute; margin-top: -380px; z-index: -1;"><img src="template/img/footer_left.jpg" width="364" height="381" /></div>
   <img src="{dir}img/footer_c_r.png" width="5" height="5" style="position: absolute; margin-left: -4px;" />
   <span class="footer-inf" style="position: absolute; font-size: 11px; margin-top: -34px;">{area}197110, г. Санкт-Петербург,<br />Константиновский пр-т, 11, оф. 205{/area}</span>
   <span class="footer-inf" style="position: absolute; font-size: 11px; margin-top: 15px;">{area}<a href="mailto:info@satelitstroy.ru">info@satelitstroy.ru</a>{/area}</span>
   <img src="{dir}img/footer_leftb.jpg" width="447" height="59" />
  </div>
  <div style="float: right;"> 
   <img src="{dir}img/man_top.jpg" width="131" height="169" style="position: absolute; margin-top: -168px; z-index: -1; " />
   <img src="{dir}img/man_bot.jpg" width="131" height="59" />
  </div> 
 </div>
</div>

</body>
</html>